<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style2.css">
</head>
<body>
<div class="header-top">
    <div class="container">
        <ul class="clearfix">
            <li class="g2"><img src="img/i1.png" alt=""><a href="">收藏</a></li>
            <li class="g2"><img src="img/i2.png" alt=""><a href="">微信</a></li>
            <li class="ig"><a href="">注册</a></li>
            <li class="ig"><a href="">|</a></li>
            <li class="ig"><a href="">登录</a></li>
        </ul>
    </div>
</div>
<div class="header-center">
    <div class="container clearfix">
        <div class="logo">
            <img src="img/logo.gif" alt="">
            <a href="index.html"><img src="img/home.png" alt="">首页</a>
        </div>
        <div class="login">
            <input type="text" placeholder="理发器"><button><img src="img/i3.png" alt=""></button>
            <a href=""><img src="img/i4.png" alt="">购物车</a>
        </div>
        <div class="logdv">
            <a class="a1" href="">剃须刀</a><a class="a2" href="index3.html">电吹风</a>
        </div>
    </div>
    <nav>
        <div class="container">
            <dl class="clearfix">
                <dd class="float-left">首页</dd>
                <dd class="float-left">/</dd>
                <dd class="float-left">全部商品</dd>
                <dd class="float-left">/</dd>
                <dd class="float-left">剃须刀</dd>
            </dl>
        </div>
    </nav>
</div>
<div class="main">
    <div class="container clearfix">
        <h2 class="aaw">搜索“剃须刀”的结果</h2>
        <p class="aaq">| 销量 ⇩ | 新品 ⇩ | 价格 ⇩ | 人气 ⇩ |</p>
        <div class="mz float-left">
            <img src="img/FS363_promo.jpg" alt="">
            <h2>￥59.00</h2>
            <h3>飞科剃须刀FS363</h3>
            <a class="a5">时尚土豪金/充电显示灯/轻触式开关/弹出式修剪刀/双环贴面刀网</a>
            <p>本款产品月销售量：<a class="a6">1884</a> | 评价：<a class="a6">0</a></p>
        </div>
        <div class="mc float-right">
            <img src="img/FS370_promo.jpg" alt="">
            <h2>￥89.00</h2>
            <h3>飞科剃须刀FS370</h3>
            <a class="a5">时尚土豪金/充电显示灯/轻触式开关/弹出式修剪刀/双环贴面刀网</a>
            <p>本款产品月销售量：<a class="a6">78359 </a> | 评价：<a class="a6">0</a></p>
        </div>
    </div>
    <div class="container clearfix">
        <div class="mz float-left">
            <img src="img/FS311_promo.jpg" alt="">
            <h2>￥119.00</h2>
            <h3>飞科智能剃须刀FS311</h3>
            <a class="a5">全身水洗/充插两用/全球电压/智能电量显示/智能堵转保护</a>
            <p>本款产品月销售量：<a class="a6">24256 </a> | 评价：<a class="a6">0</a></p>
        </div>
        <div class="mc float-right">
            <img src="img/FS310_promo.jpg" alt="">
            <h2>￥109.00</h2>
            <h3>飞科智能剃须刀FS310</h3>
            <a class="a5">全身水洗/充插两用/全球电压/智能电量显示/智能堵转保护</a>
            <p>本款产品月销售量：<a class="a6">56237 </a> | 评价：<a class="a6">14</a></p>
        </div>
    </div>
    <div class="container clearfix">
        <div class="mz float-left">
            <img src="img/FS809_promo.jpg" alt="">
            <h2>￥89.00</h2>
            <h3>飞科剃须刀FS809</h3>
            <a class="a5">全身水洗/充插两用/全球电压/智能电量显示/智能堵转保护</a>
            <p>本款产品月销售量：<a class="a6">9846 </a> | 评价：<a class="a6">5</a></p>
        </div>
        <div class="mc float-right">
            <img src="img/FS808_promo.jpg" alt="">
            <h2>￥79.00</h2>
            <h3>飞科剃须刀FS808</h3>
            <a class="a5">全身水洗/充插两用/全球电压/智能电量显示/智能堵转保护</a>
            <p>本款产品月销售量：<a class="a6">42163 </a> | 评价：<a class="a6">13</a></p>
        </div>
    </div>
    <div class="container clearfix">
        <div class="mz float-left">
            <img src="img/FS309_promo.jpg" alt="">
            <h2>￥99.00</h2>
            <h3>飞科智能剃须刀FS309</h3>
            <a class="a5">全身水洗/充插两用/全球电压/智能电量显示/智能堵转保护</a>
            <p>本款产品月销售量：<a class="a6">111 </a> | 评价：<a class="a6">7</a></p>
        </div>
        <div class="mc float-right">
            <img src="img/FS308_promo.jpg" alt="">
            <h2>￥89.00</h2>
            <h3>飞科智能剃须刀FS308</h3>
            <a class="a5">全身水洗/充插两用/全球电压/智能电量显示/智能堵转保护</a>
            <p>本款产品月销售量：<a class="a6">49029 </a> | 评价：<a class="a6">3</a></p>
        </div>
    </div>
    <div class="container clearfix">
        <div class="mz float-left">
            <img src="img/FS376_promo.jpg" alt="">
            <h2>￥139.00</h2>
            <h3>飞科智能剃须刀FS376</h3>
            <a class="a5">全身水洗/智能电量显示/全球电压/1小时快充</a>
            <p>本款产品月销售量：<a class="a6">29640 </a> | 评价：<a class="a6">436</a></p>
        </div>
        <div class="mc float-right">
            <img src="img/FS375_promo.jpg" alt="">
            <h2>￥139.00</h2>
            <h3>飞科智能剃须刀FS375</h3>
            <a class="a5">全身水洗/全球电压/1小时快充/智能操控</a>
            <p>本款产品月销售量：<a class="a6">53420 </a> | 评价：<a class="a6">517</a></p>
        </div>
    </div>
    <div class="container clearfix">
        <div class="mz float-left">
            <img src="img/FS339_promo.jpg" alt="">
            <h2>￥109.00</h2>
            <h3>飞科智能剃须刀FS339</h3>
            <a class="a5">全身水洗/充插两用/全球电压/智能电量显示/智能堵转保护</a>
            <p>本款产品月销售量：<a class="a6">143254 </a> | 评价：<a class="a6">2069</a></p>
        </div>
        <div class="mc float-right">
            <img src="img/FS867_promo.jpg" alt="">
            <h2>￥89.00</h2>
            <h3>飞科剃须刀FS867</h3>
            <a class="a5">全身水洗/充插两用/全球电压/智能电量显示/智能堵转保护</a>
            <p>本款产品月销售量：<a class="a6">8741 </a> | 评价：<a class="a6">178</a></p>
        </div>
    </div>
    <div class="container clearfix">
        <div class="mz float-left">
            <img src="img/FS373_promo.jpg" alt="">
            <h2>￥79.00</h2>
            <h3>飞科剃须刀FS373</h3>
            <a class="a5">全身水洗/全球电压/智能充电显示/智能防夹须/双环贴面刀网</a>
            <p>本款产品月销售量：<a class="a6">403521 </a> | 评价：<a class="a6">2957</a></p>
        </div>
        <div class="mc float-right">
            <img src="img/FS372_promo.jpg" alt="">
            <h2>￥89.00</h2>
            <h3>飞科剃须刀FS372</h3>
            <a class="a5">经典爆款/全身水洗/全球电压/智能充电显示/智能防夹须</a>
            <p>本款产品月销售量：<a class="a6">20608 </a> | 评价：<a class="a6">1432</a></p>
        </div>
    </div>
    <div class="container clearfix">
        <div class="mz float-left">
            <img src="img/FS360_promo.jpg" alt="">
            <h2>￥59.00</h2>
            <h3>飞科剃须刀FS360</h3>
            <a class="a5">时尚土豪金/充电显示灯/轻触式开关/弹出式修剪刀/双环贴面刀网</a>
            <p>本款产品月销售量：<a class="a6">147599 </a> | 评价：<a class="a6">2143</a></p>
        </div>
        <div class="mc float-right">
            <img src="img/FS871_promo.jpg" alt="">
            <h2>￥59.00</h2>
            <h3>飞科剃须刀FS871</h3>
            <a class="a5">全身水洗/全球电压/智能充电显示/智能防夹须/双环贴面刀网</a>
            <p>本款产品月销售量：<a class="a6">176041 </a> | 评价：<a class="a6">1761</a></p>
        </div>
    </div>
    <div class="container clearfix">
        <div class="mz float-left">
            <img src="img/FS362_promo.jpg" alt="">
            <h2>￥59.00</h2>
            <h3>飞科FS362剃须刀</h3>
            <a class="a5">时尚炫酷/三头充电式/电动剃须刀/刮胡刀</a>
            <p>本款产品月销售量：<a class="a6">10451 </a> | 评价：<a class="a6">32</a></p>
        </div>
    </div>
</div>
<div class="main2">
    <div class="container">
        <div class="g3 clearfix">
            <span class="float-left"></span>
            <h1 class="float-left">推荐商品</h1>
            <span class="float-left"></span>
        </div>
    </div>
    <div class="container clearfix" id="app">
        <div v-for="mzm in message">
            <div class="ii" >
                <img :src="mzm.kaka" alt="">
                <p>{{mzm.haha}}</p>
                <span>{{ mzm.heihei }}</span>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="banner clearfix">
            <div class="p25 float-left clearfix">
                <img class="float-left" src="img/ensure.png" alt="">
                <dl class="float-left">领导品牌 品质保证</dl>
            </div>
            <div class="p25 float-left clearfix">
                <img class="float-left" src="img/return.png" alt="">
                <dl class="float-left">7天退货 15天换货</dl>
            </div>
            <div class="p25 float-left clearfix">
                <img class="float-left" src="img/free.png" alt="">
                <dl class="float-left">全场免运费（部分配件除外）</dl>
            </div>
            <div class="p25 float-left clearfix">
                <img class="float-left" src="img/unprofor.png" alt="">
                <dl class="float-left">全国网点 联保服务</dl>
            </div>
        </div>
        <hr>
    </div>
    <div class="tptp container clearfix">
        <dl class="float-left">
            <dt>购物服务</dt>
            <dd>购物指南</dd>
            <dd>配送方式</dd>
            <dd>支付方式</dd>
        </dl>
        <dl class="float-left">
            <dt>服务支持</dt>
            <dd>售后网点</dd>
            <dd>积分规则</dd>
            <dd>保修政策</dd>
        </dl>
        <dl class="float-left">
            <dt>关注我们</dt>
            <dd>新浪微博</dd>
            <dd>关注微信</dd>
            <dd>APP下载</dd>
        </dl>
        <dl class="float-left">
            <dt>关于飞科</dt>
            <dd>飞科介绍</dd>
            <dd>飞科新闻</dd>
            <dd>联系我们</dd>
        </dl>
        <div class="er float-left">
            <img src="img/qr_code.jpg" alt="">
            <p>关注飞科电器官方微信</p>
        </div>
        <img class="tup float-right" src="img/service1.png" alt="">
    </div>
    <hr>
    <div class="container clearfix oop">
        <img class="uhuh float-left" src="img/minilogo.jpg" alt="">
        <div class="ll float-left">
            <p>Copyright © 2013-2016上海飞科电器股份有限公司 | 版权所有 | 网站备案/许可证号：沪ICP备13041208号</p>
            <p>增值电信营业经营许可认证:沪B2-20160083 |<img src="img/fkab.png" alt=""> 沪公网安备 31010502001341号</p>
        </div>
        <img class="float-right" src="img/rightimg4.jpg" alt="">
        <span class="float-right ys">|</span>
        <img class="float-right" src="img/rightimg3.jpg" alt="">
        <span class="float-right ys">|</span>
        <img class="float-right" src="img/rightimg2.jpg" alt="">
        <span class="float-right ys">|</span>
        <img class="float-right" src="img/rightimg1.jpg" alt="">
    </div>
</div>

<script src="js/vue.js"> </script>
<script src="js/axios.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>